<%--
  Created by IntelliJ IDEA.
  User: SakuraNeru
  Date: 2022/12/6
  Time: 20:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title>欢迎页面-X-admin2.2</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/font.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/xadmin.css">
  <script type="text/javascript" src="${pageContext.request.contextPath}/resource/lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/resource/js/xadmin.js"></script>
  <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]--></head>

<body>
<div class="layui-fluid">
  <div class="layui-row">
    <form class="layui-form" method="post" action="javascript:;">
      <div class="layui-form-item">
        <label for="orderNumber" class="layui-form-label">
          <span class="x-red">*</span>订单编号</label>
        <div class="layui-input-inline">
          <input type="text" id="orderNumber" name="orderNumber" value="${order.orderNumber}" required="required" lay-verify="required" autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="custId" class="layui-form-label">订购客户</label>
        <div class="layui-input-inline">
          <select id="custId" name="custId" class="valid">
            <c:forEach items="${currentCust}" var="eve">
            <c:if test="${order.planCust.custNumber==eve.custNumber}">
              <option value="${eve.custNumber}" selected>${eve.custName}</option>
            </c:if>
              <c:if test="${order.planCust.custNumber!=eve.custNumber}">
                <option value="${eve.custNumber}">${eve.custName}</option>
              </c:if>
            </c:forEach>
          </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label for="proId" class="layui-form-label">订购产品</label>
        <div class="layui-input-inline">
        <select id="proId" name="proId" class="valid">
          <c:forEach items="${currentPro}" var="eve">
            <c:if test="${order.planPro.proNumber==eve.proNumber}">
              <option value="${eve.proNumber}" selected>${eve.proName}</option>
            </c:if>
            <c:if test="${order.planPro.proNumber!=eve.proNumber}">
              <option value="${eve.proNumber}">${eve.proName}</option>
            </c:if>
          </c:forEach>
        </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label for="orderNum" class="layui-form-label">订购数量</label>
        <div class="layui-input-inline">
          <input type="text" id="orderNum" value="${order.num}" name="num"  autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="orderTax" class="layui-form-label">税前单价</label>
        <div class="layui-input-inline">
          <input type="text" id="orderTax" value="${order.tax}" name="tax"  autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="unit" class="layui-form-label">单位</label>
        <div class="layui-input-inline">
          <input type="text" id="unit" name="unit" value="${order.unit}"  autocomplete="off" class="layui-input"></div>
      </div>
      <div class="layui-form-item">
        <label for="status" class="layui-form-label">订单状态</label>
        <div class="layui-input-inline">
        <select id="status" name="status" class="valid">
          <c:if test="${order.status==0}">
            <option value="0" selected>订单取消</option>
            <option value="1">未开始</option>
            <option value="2">已开始</option>
            <option value="3">已完成</option>
          </c:if>
          <c:if test="${order.status==1}">
            <option value="0">订单取消</option>
            <option value="1" selected>未开始</option>
            <option value="2">已开始</option>
            <option value="3">已完成</option>
          </c:if>
          <c:if test="${order.status==2}">
            <option value="0">订单取消</option>
            <option value="1">未开始</option>
            <option value="2" selected>已开始</option>
            <option value="3">已完成</option>
          </c:if>
          <c:if test="${order.status==3}">
            <option value="0">订单取消</option>
            <option value="1">未开始</option>
            <option value="2">已开始</option>
            <option value="3" selected>已完成</option>
          </c:if>
        </select>
        </div>
      </div>
      <div class="layui-form-item">
        <label for="orderTime" class="layui-form-label">订购日期</label>
        <div class="layui-input-inline">
        <input type="text" class="layui-input" required value="${order.orderTimeVo}" id="orderTime" name="orderTime" placeholder="请选择日期">
        </div>
      </div>
      <div class="layui-form-item">
        <label for="reqTime" class="layui-form-label">要求日期</label>
        <div class="layui-input-inline">
          <input type="text" class="layui-input" required value="${order.reqTimeVo}" id="reqTime" name="reqTime" placeholder="请选择日期">
        </div>
      </div>
      </td>
      </tr>
</tbody>
</table>
<div class="layui-form-item layui-form-text">
  <label for="orderReq" class="layui-form-label">订单要求</label>
  <div class="layui-input-block">
    <textarea placeholder="请输入内容" id="orderReq" name="orderReq" class="layui-textarea">${order.orderReq}</textarea>
  </div>
</div>
<div class="layui-form-item">
  <button class="layui-btn" lay-filter="add" lay-submit="" id="btn">增加</button></div>
</form>
</div>
</div>
<script>layui.use(['form', 'layer','laydate'],
        function() {
          $ = layui.jquery;
          var form = layui.form,
                  layer = layui.layer;
          var laydate = layui.laydate;

          laydate.render({
            elem: '#orderTime', //指定元素
            type: 'datetime',
            trigger:'click'
          });

          laydate.render({
            elem: '#reqTime', //指定元素
            type: 'datetime',
            trigger:'click'
          });

          //自定义验证规则
          form.verify({
            nikename: function(value) {
              if (value.length < 5) {
                return '昵称至少得5个字符啊';
              }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function(value) {
              if ($('#L_pass').val() != $('#L_repass').val()) {
                return '两次密码不一致';
              }
            }
          });

          //要求日期不应该前于订购日期
          form.verify({
            dateTime: function(value) {
              if (value.length < 5) {
                return '昵称至少得5个字符啊';
              }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            repass: function(value) {
              if ($('#L_pass').val() != $('#L_repass').val()) {
                return '两次密码不一致';
              }
            }
          });

          //监听提交
          form.on('submit(add)',
                  function(data) {
                    console.log(data);
                    console.log(data.field);
                    var newdata={
                      "id":${requestScope.order.id},
                      "orderNumber":data.field.orderNumber,
                      "custId":data.field.custId,
                      "proId":data.field.proId,
                      "num":data.field.num,
                      "tax":data.field.tax,
                      "unit":data.field.unit,
                      "status":data.field.status,
                      "orderTime":data.field.orderTime,
                      "reqTime":data.field.reqTime,
                      "orderReq":data.field.orderReq
                    };
                    $.ajax({
                      url:"editOrder",
                      type:"post",
                      data:JSON.stringify(newdata),
                      dataType:"json",
                      contentType:"application/json;charset=utf-8",
                      success:function (result){
                        if (result.code===200){
                          layer.alert(result.msg, {
                                    icon: 6,
                                    time:2000
                                  },
                                  function() {
                                    // 获得frame索引
                                    var index = parent.layer.getFrameIndex(window.name);
                                    //关闭当前frame
                                    parent.layer.close(index);
                                  });
                          return false;
                        }else {
                          layer.msg(result.msg, {
                                    icon: 5
                                  });
                          return false;
                        }
                      }
                    })
                    //发异步，把数据提交给php

                  });

        });</script>
</body>

</html>